﻿html
{
height:100%;margin: 0;padding: 0;
}
body {
font-family:"Times New Roman", Times, serif ;font-size: 16px;height:auto;
margin: 0;padding: 0;background-image:url('img/body.jpg');background-repeat: repeat-x ;background-attachment: fixed;
background-color:#CCCCCC;
}

 #main{
width:1000px; height:auto ;min-height: 100%;
margin-left: auto ; margin-right: auto ; position:relative;
}
#header{
background-image:url('img/header 2.jpg');background-position:center top ;background-repeat: no-repeat;
width:auto; height:300px; margin:0px; padding:0px;
} 
.navbar{background-image: url('img/navbar.png');background-repeat: no-repeat;background-position: center ;margin:0px 0px 5px;}
.navbar ul {direction:rtl;list-style-type: none ;margin: 0px; overflow: hidden ;}
.navbar ul li {float: right; padding:0px 14px;}
.navbar ul li a{display: block ; width:auto; color:#000000;text-align: center;text-decoration: none;font-size: 16px; font-weight: bold;padding:8px;}
.navbar ul li a:hover {text-decoration:underline;color: #FFFFFF;}

.content{
width:1000px; height:auto ;min-height: 100%;
margin-left: auto ; margin-right: auto ; position:relative;
}

.viewtypes{
	direction: rtl ;
}

.leftcont ,.leftprof{
border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-opera-border-radius: 10px;	
box-shadow: 0 0 10px #707070;-moz-box-shadow: 0 0 10px #707070;-webkit-box-shadow: 0 0 10px #707070;behavior: url(ie-css3.htc);
float:left ;background-color:#EEF8EC;margin: 5px 3px 5px 10px; direction : rtl;height:990px;}

.rightcont,.rightprof{
border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-opera-border-radius: 10px;	
box-shadow: 0 0 10px #707070;-moz-box-shadow: 0 0 10px #707070;-webkit-box-shadow: 0 0 10px #707070;behavior: url(ie-css3.htc);
float: right;direction : rtl;background-color:#EEF8EC;margin: 5px 10px 2px 0px;height:990px;}

.rightprof{width:250px;padding:10px;}

.headmaun{
width: 300px;height: 15px;background-color:#E7E7E7;color:#CC0000;
direction: rtl;margin:5px 12px;padding:3px;
text-align:right;text-indent: 10px;font-weight:bold;
}
.bodymaun{
height:150px;width: 300px;background-color: #FFFFFF;color: #000000;
margin:5px 12px; padding: 3px; border: 1px #C0C0C0 solid;
text-align: right;
}

.headbody{
width:600px;height:25px;background-color:#E7E7E7;color:#CC0000;
margin:10px;padding:5px;border: 1px #CCCCCC dotted;
font-size:18px;font-weight:bold;text-align:right;text-indent: 10px;
}

.bodycontent {
height:auto;width:600px;background-color: #FFFFFF;color: #000000;
margin:5px 10px;padding: 5px;direction: rtl;border: 1px #CCCCCC dotted;
text-align: center ;font-size: 18px;
}

.bodycontent ul{ list-style-type: none ;}
.bodycontent ul li{ float: right;padding: 0px;}

.bodycontent p{
	text-align: right;margin-top:2px; margin-right :5px;
}

.bodycontent h3{
text-decoration: underline;color:#993333;text-align: right ;
}
.bodycontent h4{
text-align: center; margin-top:50px;
}

.contentlogin{
border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-opera-border-radius: 10px;	
box-shadow: 0 0 10px #707070;-moz-box-shadow: 0 0 10px #707070;-webkit-box-shadow: 0 0 10px #707070;behavior: url(ie-css3.htc);
 padding:20px; direction: rtl; background-color:#EEF8EC;height:auto;
}

.buttonlogin{
	text-align: center;margin-top: 100px;
}

.avatar{
 height:auto; width:200px; 
}

.updates{
 height:950px; width:640px; background-color:#FFFFFF;color: #000000;border: 1px #C0C0C0 dotted;
 margin: 15px; padding:5px;text-align: right;}

#sidebar{
width:240px; margin:5px;
}

#sidebar ul{
list-style-type:none;margin:0px;padding:0px;
}
#sidebar ul li a{display:block;background-color: #FFFFFF;color:#666666;text-decoration:none;
padding:5px; border-bottom:1px #f1f1f1 solid; text-indent:12px;
}

#sidebar ul li a:hover{
background-color:#f1f1f1; color:#000000; border-bottom:1px #808080 dotted;
}

.bottom{

width:980px;margin:15px;border-top: 1px #999999 solid;height:30px; margin-left:150px;}

.bottom ul{margin: 5px;
}
.bottom ul li{
list-style-type: none;padding: 2px;float:left ;}

.bottom ul li a{color:#000000;text-decoration: none;padding:3px;margin: 2px;border-left: 1px #666666 solid;height: 10px;font-size: 14px;}
.bottom ul li a:hover {text-decoration: underline;font-weight: bold;}
.clear{clear: both ;}

.footer{
 width:auto ;height:40px;padding: 10px;
margin-left: auto ; margin-right: auto ; position:relative ;

}
.footer p{color:#000000;text-align: center;
	
}
